﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Frontend.Master" AutoEventWireup="true" CodeBehind="product.aspx.cs" Inherits="BabyShop.Product" %>
<%@ Import Namespace="System.Data" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<style type="text/css">
    .prod_img
    {
    	border-bottom: none !important;
    }
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="prd-detail-page">        
    <div itemtype="http://schema.org/Product" itemscope="">
            <div class="l-main prd-detail-wrapper" id="prodinfo">            
                <div class="prd-media" id="prdMedia">                   
<div style="width:340px;height:340px;" class="prod_img prd-imageBoxLayout style=">
<span data-title="<%=dr["name"] %>" data-parent-sku="" data-image-parentkey="" data-image-id="98984fb6101f6b7bc204353815ab84e8" data-image-lazy-load="" data-use-lazy-load="0" data-sku="ED912TB89YEGANVN" data-vertical="" data-swap-image="" data-image-initial="/images/product_images/<%=dr["image_path"] %>" data-image="<%=dr["image_path"] %>" data-zoom-image="<%=dr["image_path"] %>" data-image-key="product" data-context="productDetail" data-height="340" data-width="340" style="width:340px;height:340px;" id="prd-singleImg-productDetail-ED912TB89YEGANVN" class="productImage  loaded">
    <span data-sprite="<%=dr["image_path"] %>" data-placeholder="/images/main/placeholder_l_4.jpg" class="itm-imageWrapper ll-imageWrapper default-state" style="width: 340px; height: 340px;">
    <img width="340" height="340" class="itm-img loading" style="" alt="Edugames - Xe cũi thả hình" src="/images/product_images/<%=dr["image_path"] %>"></span>            
    </span>                    
    
</div>                </div>
                <div id="prod_content_wrapper">
                    <div class="prod_content">
    <div itemtype="http://schema.org/Brand" itemscope="" itemprop="brand">
        <meta content="<%=dr["brand_name"] %>" itemprop="name">
        <meta content="/brand.aspx?id=<%=dr["brand_id"] %>" itemprop="url">
    </div>
    <h1 itemprop="name" id="prod_title"><%=dr["name"] %></h1>

    <div class="prod_brand_genuine">
                <div id="prod_brand">
            theo            <a href="/brand.aspx?id=<%=dr["brand_id"] %>" style="text-decoration: underline;"><%=dr["brand_name"] %></a>
        </div>
    </div>
                <div id="rating">
                        
        <span class="itm-rat lfloat">
            <span class="itm-ratStars ui-inlineBlock">
                <span class="itm-ratStars itm-ratRating" style="width: 86%;"></span>
            </span>
        </span>
        
        <div itemtype="http://schema.org/AggregateRating" itemscope="" itemprop="aggregateRating">
            <meta content="1" itemprop="worstRating">
            <meta content="4.2564" itemprop="ratingValue">
            <meta content="5" itemprop="bestRating">
            <meta content="39" itemprop="ratingCount">
        </div>
    </div>
    <div id="action">       
        <span class="action_link">
            <div data-config-sku="ED912TB89YEGANVN" class="addtoWishlist">
                <span>
                    <a class="wl-addToDftWishlist" id="lnk-add-to-wishlist" href="/wishlist?action=add&id=<%=dr["id"] %>">
                        <span class="action_icon add-wishlist"></span>
                    Tôi thích sản phẩm này!</a>
                </span>                
            </div>
        </span>
    </div>

    <div class="clearfloat"></div>
</div>

<div class="prod_l_content">        
    <div data-msg-stocksingular="Chỉ còn --number-- sản phẩm" data-msg-stockplural="Chỉ còn --number-- sản phẩm" data-msg-outofstock="Sản phẩm đã hết hàng" data-context="productDetail" data-sku="ED912TB89YEGANVN" class="product-options clearfix" id="productOptionsWrapper">
    <div style="display:none;margin-top:8px;margin-bottom:8px;" id="product-selector-error" class="s-error msgBox mbs pas"></div>
                <div class="prd-variation box l-static one-option" id="OptionsSingleDefault">
                        <ul class="prd-option-collection ui-listHorizontal ui-listItemBorder variation">
        <li data-simple-sku="ED912TB89YEGANVN-34232" class="hide opt--item-0 ">
            …        </li>
                                </ul>
        </div>        
</div><div property="gr:hasPriceSpecification" class="price_details" id="product-price-box">
    <div class="final_price">
        <span id="special_price_box"><%=string.Format("{0:c0}",dr["price"]) %> VND</span>
    </div>
    <div class="" id="special_price_area">
        <span id="product_special_price_label">Giá trước đây</span>
        <span class="price_erase">
            <span class="price-prefix-detail" id="product_price_prefix"></span>
            <span id="price_box"><%=string.Format("{0:c0}",(double)dr["price"] + ((double)dr["price"]*(int)dr["sales"]/100)) %> VND</span>
        </span>
        <span id="product_saving_label">, Tiết kiệm </span>
        <span class="price_highlight" id="product_saving_percentage"><%=dr["sales"] %>%</span>
    <p>Bao gồm tất cả các loại thuế</p></div>
    
    <!-- click on the question mark icon to open the tooltip popup -->
        
    <div class="product_installments">
            </div>
</div><div id="showcheckcomp"></div>
<% if ((int)dr["quantity"] > 0)
   { %>
    <div class="prod_cta">
        
            <div id="buy-wrapper" class="instock">
                 <a target="_blank" class="product__howToBuy" href="#">
                        <i class="icn-howtobuy"></i>Hướng dẫn<br>mua hàng</a>
                <div>
                    <button id="btnAddCart" class="submit_btn buy_btn" name="submit_btn" >
                        <span class="submit_btn_text">Mua ngay</span>
                        <span class="submit_btn_icon"></span>
                    </button>                                        
                </div>
            </div>        
    </div>
    <script type="text/javascript">
        $("#btnAddCart").click(function (e) {
            e.preventDefault();
            window.location = "/cart?action=add&id="+<%=dr["id"] %>;
        });
    </script>
    <% } %>
    <!-- SEAAMZ-6508 - Add Warranty_list for the product-->
    </div>

<div class="prod_r_content">
    <div class="prod_cta">
        <div class="prd-pricebox-options">
            <div class="prd-pricebox-optionsList">
                <% if ((int)dr["quantity"] > 0) { %>
                    <div class="stock_status product-in-stock-label" style="color: green;">Còn hàng</div>                    
                <% } else {%>
                    <div class="stock_status" style="color: red;">Tạm thời hết hàng</div>
                <% } %>
            </div>
        </div>
    </div>
                <div class="marketplace">
            <div class="marketplace_msg"><div data-sku="ED912TB89YEGANVN-34232" id="shipment_type_ED912TB89YEGANVN-34232" class="shipment-type-info">Được bán &amp; giao hàng bởi Lazada</div></div>
        </div>
    <div class="promotion">
        <ul>
                        <li>
                                        <span class="promotion_icon"></span>
                        <span class="promotion_text">
                    Cash On Delivery                            </span>
                                    </li>
                                </ul>
    </div>
</div>
                </div>
            </div>
            <div class="l-main prd-detail-wrapper">
                <div data-box-id="3" data-recommid="recommBox3" data-role="recommHolder" class="recommendations_wrapper"></div>                
<div class="prd-descriptionWrapper" id="productDetails">
    <h2 class="prd-DetailsHl">Chi tiết sản phẩm <%=dr["name"] %></h2>
    <div class="prd-description">
  <%=dr["description"] %>
</div>
    <div style="clear: both;"></div>
</div>
                <div data-box-id="2" data-recommid="recommBox2" data-role="recommHolder" class="recommendations_wrapper"></div>
            </div>
            <div class="l-sidebar">
                                <div data-box-id="4" data-recommid="recommBox4" data-role="recommHolder" class="recommendations_wrapper"></div>
                <div data-box-id="1" data-recommid="recommBox1" data-role="recommHolder" class="recommendations_wrapper"></div>
            </div>
        </div>
    </div>
</asp:Content>
